<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta charset="utf-8">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="viewport"
		content="width=device-width, maximum-scale=1.0, initial-scale=1.0,initial-scale=1.0,user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />

	<script type="text/javascript" src="/im/js/utils.js"></script>
</head>
<style>
	#product-content {
		margin: 0 5px 0 5px;
		height: 100px;
		background-color: #fcfcfc;
		display: flex;
		flex-direction: row;
		box-shadow: 0 0 3px #C9C9C9 inset;
	}

	#product-content img {
		width: 80px;
		height: 80px;
		margin: 10px 0 10px 10px;
	}

	#product-content div {
		margin: 10px 0 10px 10px;
		width: 70%;
	}

	.product-price {
		color: red;
	}

	#product-send {
		float: right;
		margin-right: 5px;
	}

	#product-send button {
		background-color: #ff9d33;
		color: white;
		border-width: 1px;
		padding: 3px 8px 3px 8px;
	}

	a {
		text-decoration: none !important;
		color: #000 !important;
	}
</style>

<body>
	<a>
		<div id="product-content">
			<img src="<#if agentFirstMessage.imageUrl??>${agentFirstMessage.imageUrl}<#else>/images/book.jpg</#if>"
				alt="">
			<div>
				<p><b>${agentFirstMessage.title}</b></p>
				<p>${agentFirstMessage.describe}</p>
				<p class="product-price"><span>${agentFirstMessage.price}</span></p>
				<p id="product-send">
					<button class="btn_send_message">发送</button>
				</p>
			</div>
		</div>
	</a>

	<div id="target-message-send" style="display: none">
		<div>
			<div onclick="openPhoneDalogURL('${agentFirstMessage.linkUrl!''}')" style="display: flex;flex-direction: row;">
				<img style="width: 90px;height: 90px;"
					src="<#if agentFirstMessage.imageUrl??>${agentFirstMessage.imageUrl}<#else>/images/book.jpg</#if>"
					alt="">
				<div style="width: 170px;margin: 5px 0 5px 10px;">
					<p><b>${agentFirstMessage.title}</b></p>
					<p>${agentFirstMessage.describe}</p>
					<p style="color: red"><span>${agentFirstMessage.price}</span></p>
				</div>
			</div>
		</div>
	</div>
</body>
<script>
	$(".btn_send_message").click(function () {
		$("#product-content").fadeOut(500);
		setTimeout(function () {
			var message = $("#target-message-send").html();
			alert(message);
			sendMessageText(message);
		}, 400);
	});
</script>

</html>